body {
  background: url("/images/background-stripes_midgard.jpg");
}
a {
  color: #4e4e4e;
}
.usercontainer a:hover {
  background-color: #8caab9;
  color: #fff;
}
.module a:hover {
  background-color: #8caab9;
  color: #fff;
}
h1,
h2,
h3,
h4,
h5 {
  color: #3e525c;
}
header {
  background: url("/images/header.background.png");
  background-color: #83a0ae;
  min-height: 35px;
  padding: 4px;
  border-bottom: 2px solid #3e525c;
}
.usercontainer {
  color: #fff;
}
.usercontainer a {
  color: #fff;
}
#notification-counter {
  border-radius: 3px;
  background-color: #83a0ae;
}
#notification-counter:hover {
  background-color: #142f3c;
}
p.error,
p.info {
  color: #3e525c;
  background-color: rgba(213,218,221,0.90);
  border: 2px solid #3e525c;
}
nav a {
  color: #3e525c;
}
.module {
  border: 2px solid #83a0ae;
  background: rgba(213,218,221,0.90);
  box-shadow: 0 0 12px #2e3838;
}
.module h5 {
  background: #3e525c;
  display: block;
  color: #ebebeb;
}
.popup {
  background: #c0e085;
}
.popup h5 {
  background: rgba(213,218,221,0.90);
  display: block;
  color: #a4bad6;
}
.task {
  background: rgba(213,218,221,0.90);
}
.task:hover {
  background: #8fa3ae;
  opacity: 1 !important;
}
#timeline-content {
  background: #e2e2e2;
  box-shadow: 0 0 12px #2e3838;
}
.period h3 {
  border-bottom: 3px solid #2e3838;
}
section#content {
  border: 2px solid #83a0ae;
  background: #e2e2e2;
  box-shadow: 0 0 12px rgba(46,56,56,0.10);
}
div#timeslider {
  background-color: #778f9a;
  border: #778f9a;
}
.login .infocontainer input {
  color: #000;
  border: 1px solid #cdcfd1;
  -moz-box-shadow: 1px 1px 1px #888;
  -webkit-box-shadow: 1px 1px 1px #888;
}
.login .infocontainer img {
  border: 1px solid #cdcfd1;
  -moz-box-shadow: 1px 1px 1px #888;
  -webkit-box-shadow: 1px 1px 1px #888;
  background-color: rgba(255,255,255,0.40);
}
